// cover some element-ui styles

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

.cell {
  .el-tag {
    margin-right: 0px;
  }
}

.small-padding {
  .cell {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.fixed-width {
  .el-button--mini {
    padding: 7px 10px;
    min-width: 60px;
  }
}

.status-col {
  .cell {
    padding: 0 10px;
    text-align: center;

    .el-tag {
      margin-right: 0px;
    }
  }
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block
  }
}
.el-select {
  height: 32px;
  line-height: 32px;
  margin-right: 16px;
}
.el-select .el-input__inner  {
  height: 32px !important;
  border-radius: 2px !important;
  padding-left: 10px !important;
}
.el-select  .el-input__icon {
  line-height: 32px !important;
}
.el-select .el-input__suffix {
  right: 0 !important;
}
.el-button--medium {
  height: 32px;
  padding: 0 16px !important;
  line-height: 32px;
}
// fix date-picker ui bug in filter-item
.el-range-editor.el-input__inner {
  display: inline-flex !important;
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}
/*form表单行内表单自定义样式*/
.search-form-inline {
    .el-form-item__label {
        line-height: 16px;
        width: 90px;
    }

    .el-form-item__content {
        vertical-align: middle;
        width: 190px;
    }

    .el-date-editor.el-input {
        width: 190px;
    }

    .el-input__prefix,
    .el-date-editor .el-range__icon,
    .el-date-editor .el-range__close-icon {
        display: none;
    }

    .el-input--prefix .el-input__inner {
        padding-left: 15px;
    }

    .el-date-editor--daterange.el-input__inner {
        width: 190px;
    }

    .el-date-editor .el-range-input {
        width: 48%;
    }

    .number-scope {
        width: 47%;
    }

    .el-select {
        margin-left: 0 !important;
    }
      /*表单整行显示*/
      .rows {
          width: 95%;
          .el-form-item__content {
              width: calc(100% - 100px);
          }
      }
}
/*分割线*/
.el-divider--horizontal{
    margin: 10px 0;
}
//弹框关闭按钮被覆盖  加上这个类名app-dialog
.app-dialog .el-dialog__wrapper {
    overflow:hidden;
}
.app-dialog .el-dialog__body {
    height: 450px;
    overflow-y: auto;
}
// 图片排序的样式开始
.imgSort {
    // .el-dialog {
    //     height: 75%;
    //     overflow-y: auto;
    //     padding-bottom: 5%;
    // }

    .divBox {
        float: left;
        position: relative;
            margin-bottom: 10px;
    }

    .imgSty {
        margin-left: 20px;
    }

    .delIcon {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 20px;
    }

    .avatar-uploader-icon {
        font-size: 28px;
        color: #8c939d;
        width: 178px;
        height: 178px;
        line-height: 178px;
        text-align: center;
    }

    .avatar {
        width: 178px;
        height: 178px;
        display: block;
    }

    .avatar-uploader .el-upload {
        border: 1px dashed #d9d9d9;
        border-radius: 6px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
    }

    .avatar-uploader .el-upload:hover {
        border-color: #409eff;
    }
   .el-upload--picture-card {
        float: left;
        margin-left: 20px;
    }
   .list-group {
        padding: 0;
    }
    .dialog-footer {
        width: 100%;
        position: relative;
        right: 40px;
        bottom: -120px;
        height: 100px;
        text-align: right;
        line-height: 100px;
    }
}
// 图片排序的样式结束
// 针对表格对不齐
body .el-table th.gutter {
    display: table-cell !important
}
.el-button--text {
  padding: 0 !important;
}